<template>
	<div class="petsonal">
		<el-row>
			<!--左-->
			<el-col :span='5' style='background:white;'>
				<el-row class="tac">
					<el-col :span="24" style='text-align:center;margin:30px 0;'>
						<ul>
							<li>
								<img src="../../../www/upload/Tulips.jpg">
							</li>
							<li>
								<span><br>昵称</span>
							</li>
						</ul>
						<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="white" text-color="#000" active-text-color="#666666">
							<el-menu-item index="1">
								<i class="el-icon-menu"></i>
								<span slot="title">个人资料</span>
							</el-menu-item>
							<el-menu-item index="2">
								<i class="el-icon-menu"></i>
								<span slot="title">更改信息</span>
							</el-menu-item>
							<el-menu-item index="3">
								<i class="el-icon-menu"></i>
								<span slot="title">我的收藏</span>
							</el-menu-item>
							<el-menu-item index="4">
								<i class="el-icon-menu"></i>
								<span slot="title">我的关注</span>
							</el-menu-item>
							<el-menu-item index="5">
								<i class="el-icon-menu"></i>
								<span slot="title">关注我的</span>
							</el-menu-item>
							<el-menu-item index="6">
								<i class="el-icon-menu"></i>
								<span slot="title">我的帖子</span>
							</el-menu-item>
							<el-menu-item index="7">
								<i class="el-icon-menu"></i>
								<span slot="title">我的评论</span>
							</el-menu-item>
							<el-menu-item index="8">
								<i class="el-icon-menu"></i>
								<span slot="title">回复我的
									<el-badge :value="108" :max="99" class="item"></el-badge>
								</span>
							</el-menu-item>
							<el-menu-item index="9">
								<i class="el-icon-menu"></i>
								<span slot="title">我的积分</span>
							</el-menu-item>
							<el-menu-item index="10">
								<i class="el-icon-menu"></i>
								<span slot="title">我的足迹</span>
							</el-menu-item>
							<el-menu-item index="11">
								<i class="el-icon-setting"></i>
								<span slot="title">我的反馈
								</span>
							</el-menu-item>
							<el-menu-item index="12">
								<i class="el-icon-setting"></i>
								<span slot="title">在线服务</span>
							</el-menu-item>
							<el-menu-item index="13">
								<i class="el-icon-setting"></i>
								<span slot="title">官方邮箱</span>
							</el-menu-item>
							<el-menu-item index="14">
								<i class="el-icon-setting"></i>
								<span slot="title">问题解答
								</span>
							</el-menu-item>
							<el-menu-item index="15">
								<i class="el-icon-setting"></i>
								<span slot="title">系统消息<el-badge value="new" class="item"></el-badge>
								</span>
							</el-menu-item>
						</el-menu>
					</el-col>
				</el-row>
			</el-col>
			<el-col :span='19' style='background:#dfdfdf; padding:20px;'>
				<h5>个人资料</h5>
				<hr>
				<ul class='ul-r'>
					<li>
						昵称：
					</li>
					<li>
						用户名：
					</li>
					<li>
						年龄：
					</li>
					<li>
						性别：
					</li>
					<li>
						电话：
					</li>
					<li>
						邮箱：
					</li>
					<li>
						兴趣爱好：
					</li>
					<li>
						当前积分：
					</li>
					<li>
						当前等级：
					</li>
					<li>
						当前vip等级：
					</li>
					<li>
						当前粉丝：
					</li>
					<li>
						加入友享校园共233天
					</li>
				</ul>
				<!--修改按钮-->
				<el-button type="success" @click="dialogVisible = true">修改资料</el-button>
				<!--对话框开始-->
				<el-dialog title="帖子信息" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
					<span>
					  	<!--表单开始-->
					  		<el-form ref="form" :model="form" label-width="80px">
					  			<el-form-item label="帖子分类">
							    <el-select v-model="form.kind" placeholder="请选择活动区域">
							      <el-option label="分类一" value="classa"></el-option>
							      <el-option label="分类二" value="classb"></el-option>
							    </el-select>
							  </el-form-item>
							  <el-form-item label="帖子标题">
							    <el-input v-model="form.title"></el-input>
							  </el-form-item>
							  <el-form-item label="帖子内容">
							    <el-input type="textarea" v-model="form.content"></el-input>
							  </el-form-item>
							</el-form>
					  	<!--表单结束-->
						</span>
					<span slot="footer" class="dialog-footer">
						<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
					    <el-button @click="dialogVisible = false">取 消</el-button>
					  </span>
				</el-dialog>
				<!--对话框结束-->

				<h5>我的收藏</h5>
				<hr>
				<ul class='ul-r'>
					<li>
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<strong>帖子标题</strong>
								<br>
								<span>
									<a>&nbsp;作者名</a>
									<a>&nbsp;<i>图标</i>&nbsp;浏览量</a>
									<a>&nbsp;<i>图标</i>&nbsp;总评论数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<strong>帖子标题</strong>
								<br>
								<span>
									<a>&nbsp;作者名</a>
									<a>&nbsp;<i>图标</i>&nbsp;浏览量</a>
									<a>&nbsp;<i>图标</i>&nbsp;总评论数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<strong>帖子标题</strong>
								<br>
								<span>
									<a>&nbsp;作者名</a>
									<a>&nbsp;<i>图标</i>&nbsp;浏览量</a>
									<a>&nbsp;<i>图标</i>&nbsp;总评论数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<strong>帖子标题</strong>
								<br>
								<span>
									<a>&nbsp;作者名</a>
									<a>&nbsp;<i>图标</i>&nbsp;浏览量</a>
									<a>&nbsp;<i>图标</i>&nbsp;总评论数</a>
								</span>
							</el-col>
						</el-col>
					</li>
				</ul>

				<h5>我的关注</h5>
				<hr>
				<ul class='ul-r'>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>我真的好可爱呀！嘤嘤嘤</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="danger" @click="open2">取消关注</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;发帖数</a>
									<a>&nbsp;<i>图标</i>&nbsp;粉丝数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>我真的好可爱呀！嘤嘤嘤</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="danger" @click="open2">取消关注</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;发帖数</a>
									<a>&nbsp;<i>图标</i>&nbsp;粉丝数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>我真的好可爱呀！嘤嘤嘤</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="danger" @click="open2">取消关注</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;发帖数</a>
									<a>&nbsp;<i>图标</i>&nbsp;粉丝数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>我真的好可爱呀！嘤嘤嘤</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="danger" @click="open2">取消关注</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;发帖数</a>
									<a>&nbsp;<i>图标</i>&nbsp;粉丝数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
				</ul>

				<h5>关注我的</h5>
				<hr>
				<ul class='ul-r'>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>我真的好可爱呀！嘤嘤嘤</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="success" @click="open3">关注她</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;发帖数</a>
									<a>&nbsp;<i>图标</i>&nbsp;粉丝数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>我真的好可爱呀！嘤嘤嘤</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="success" @click="open3">关注她</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;发帖数</a>
									<a>&nbsp;<i>图标</i>&nbsp;粉丝数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>我真的好可爱呀！嘤嘤嘤</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="success" @click="open3">关注她</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;发帖数</a>
									<a>&nbsp;<i>图标</i>&nbsp;粉丝数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>我真的好可爱呀！嘤嘤嘤</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="success" @click="open3">关注她</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;发帖数</a>
									<a>&nbsp;<i>图标</i>&nbsp;粉丝数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
				</ul>

				<h5>我的帖子</h5>
				<hr>
				<ul class='ul-r'>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>标题</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="primary">查看详情</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;浏览次数</a>
									<a>&nbsp;<i>图标</i>&nbsp;点赞次数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>标题</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="primary">查看详情</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;浏览次数</a>
									<a>&nbsp;<i>图标</i>&nbsp;点赞次数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>标题</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="primary">查看详情</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;浏览次数</a>
									<a>&nbsp;<i>图标</i>&nbsp;点赞次数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
					<li>
						<!--单个贴子开始位置-->
						<el-col :span="24">
							<el-col :span="5">
								<img src="../../../www/upload/Tulips.jpg" />
							</el-col>
							<el-col :span="19">
								<el-col :span="16">
									<strong>标题</strong>
								</el-col>
								<el-col :span="8">
									<el-button type="primary">查看详情</el-button>
								</el-col>
								<br>
								<span>
									<a>&nbsp;<i>图标</i>&nbsp;浏览次数</a>
									<a>&nbsp;<i>图标</i>&nbsp;点赞次数</a>
									<a>&nbsp;<i>图标</i>&nbsp;回复数</a>
								</span>
							</el-col>
						</el-col>
					</li>
				</ul>

				<h5>我的评论</h5>
				<hr>
				<!--单个贴子开始位置-->
				<el-col :span="24">
					<el-col :span="3">
						<img src="../../../www/upload/Tulips.jpg" />
					</el-col>
					<el-col :span="21">
						<el-col :span="24">
							<strong>我自己的昵称</strong>&nbsp;<i>等级</i>
						</el-col>
						<el-col :span="24">
							<span>2018-12-28&nbsp;12:12:12</span>
						</el-col>

						<br><br><br>
						<article :span="24" style="background:#ffffff; padding:10px 20px">
							<font color="#999999">@&nbsp;2333:合适的福建省地方</font>
						</article>
						<br>
					</el-col>
					<p>&emsp;&emsp;你可真是一个小机灵鬼！！！</p>
					<article :span="24" style="background:#ffffff;padding:10px 20px;">
						<font color="#999999">@&nbsp;原帖:合适的粉红色的<br><br> @&nbsp;模块:热门分类
						</font>
					</article>
					<br>
				</el-col>
				<el-col :span="24">
					<el-col :span="3">
						<img src="../../../www/upload/Tulips.jpg" />
					</el-col>
					<el-col :span="21">
						<el-col :span="24">
							<strong>我自己的昵称</strong>&nbsp;<i>等级</i>
						</el-col>
						<el-col :span="24">
							<span>2018-12-28&nbsp;12:12:12</span>
						</el-col>

						<br><br><br>
						<article :span="24" style="background:#ffffff; padding:10px 20px">
							<font color="#999999">@&nbsp;2333:合适的福建省地方</font>
						</article>
						<br>
					</el-col>
					<p>&emsp;&emsp;你可真是一个小机灵鬼！！！</p>
					<article :span="24" style="background:#ffffff;padding:10px 20px;">
						<font color="#999999">@&nbsp;原帖:合适的粉红色的<br><br> @&nbsp;模块:热门分类
						</font>
					</article>
					<br>
				</el-col>
				<el-col :span="24">
					<el-col :span="3">
						<img src="../../../www/upload/Tulips.jpg" />
					</el-col>
					<el-col :span="21">
						<el-col :span="24">
							<strong>我自己的昵称</strong>&nbsp;<i>等级</i>
						</el-col>
						<el-col :span="24">
							<span>2018-12-28&nbsp;12:12:12</span>
						</el-col>

						<br><br><br>
						<article :span="24" style="background:#ffffff; padding:10px 20px">
							<font color="#999999">@&nbsp;2333:合适的福建省地方</font>
						</article>
						<br>
					</el-col>
					<p>&emsp;&emsp;你可真是一个小机灵鬼！！！</p>
					<article :span="24" style="background:#ffffff;padding:10px 20px;">
						<font color="#999999">@&nbsp;原帖:合适的粉红色的<br><br> @&nbsp;模块:热门分类
						</font>
					</article>
					<br>
				</el-col>
				<el-col :span="24">
					<el-col :span="3">
						<img src="../../../www/upload/Tulips.jpg" />
					</el-col>
					<el-col :span="21">
						<el-col :span="24">
							<strong>我自己的昵称</strong>&nbsp;<i>等级</i>
						</el-col>
						<el-col :span="24">
							<span>2018-12-28&nbsp;12:12:12</span>
						</el-col>
						<br><br><br>
						<article :span="24" style="background:#ffffff; padding:10px 20px">
							<font color="#999999">@&nbsp;2333:合适的福建省地方</font>
						</article>
						<br>
					</el-col>
					<p>&emsp;&emsp;你可真是一个小机灵鬼！！！</p>
					<article :span="24" style="background:#ffffff;padding:10px 20px;">
						<font color="#999999">@&nbsp;原帖:合适的粉红色的<br><br> @&nbsp;模块:热门分类
						</font>
					</article>
					<br>
				</el-col>

				<h5>回复我的</h5>
				<hr>
				<!--单个贴子开始位置-->
				<el-col :span="24">
					<el-col :span="3">
						<img src="../../../www/upload/Tulips.jpg" />
					</el-col>
					<el-col :span="21">
						<el-col :span="24">
							<el-col :span="19">
								<strong>昵称</strong>&emsp;<i>性别图标</i>&emsp;<i>等级</i>
							</el-col>
							<el-col :span="5">
								<i>回复图标</i>&emsp;<i class="el-icon-more"></i>
							</el-col>
						</el-col>
						<el-col :span="24">
							<span>2018-12-28&nbsp;12:12:12</span>
						</el-col>

						<br><br><br>
						<article :span="24" style="background:#ffffff; padding:10px 20px">
							<font color="#999999">@&nbsp;我:你可真是一个小机灵鬼！！！</font>
						</article>
						<br>
					</el-col>
					<p>&emsp;&emsp;哈哈,小机灵鬼可还行！！！</p>
					<article :span="24" style="background:#ffffff;padding:10px 20px;">
						<font color="#999999">@&nbsp;原帖:合适的粉红色的</font>
					</article>
					<br>
				</el-col>
				<el-col :span="24">
					<el-col :span="3">
						<img src="../../../www/upload/Tulips.jpg" />
					</el-col>
					<el-col :span="21">
						<el-col :span="24">
							<el-col :span="19">
								<strong>昵称</strong>&emsp;<i>性别图标</i>&emsp;<i>等级</i>
							</el-col>
							<el-col :span="5">
								<i>回复图标</i>&emsp;<i class="el-icon-more"></i>
							</el-col>
						</el-col>
						<el-col :span="24">
							<span>2018-12-28&nbsp;12:12:12</span>
						</el-col>

						<br><br><br>
						<article :span="24" style="background:#ffffff; padding:10px 20px">
							<font color="#999999">@&nbsp;我:你可真是一个小机灵鬼！！！</font>
						</article>
						<br>
					</el-col>
					<p>&emsp;&emsp;哈哈,小机灵鬼可还行！！！</p>
					<article :span="24" style="background:#ffffff;padding:10px 20px;">
						<font color="#999999">@&nbsp;原帖:合适的粉红色的</font>
					</article>
					<br>
				</el-col>
				<el-col :span="24">
					<el-col :span="3">
						<img src="../../../www/upload/Tulips.jpg" />
					</el-col>
					<el-col :span="21">
						<el-col :span="24">
							<el-col :span="19">
								<strong>昵称</strong>&emsp;<i>性别图标</i>&emsp;<i>等级</i>
							</el-col>
							<el-col :span="5">
								<i>回复图标</i>&emsp;<i class="el-icon-more"></i>
							</el-col>
						</el-col>
						<el-col :span="24">
							<span>2018-12-28&nbsp;12:12:12</span>
						</el-col>

						<br><br><br>
						<article :span="24" style="background:#ffffff; padding:10px 20px">
							<font color="#999999">@&nbsp;我:你可真是一个小机灵鬼！！！</font>
						</article>
						<br>
					</el-col>
					<p>&emsp;&emsp;哈哈,小机灵鬼可还行！！！</p>
					<article :span="24" style="background:#ffffff;padding:10px 20px;">
						<font color="#999999">@&nbsp;原帖:合适的粉红色的</font>
					</article>
					<br>
				</el-col>
				<el-col :span="24">
					<el-col :span="3">
						<img src="../../../www/upload/Tulips.jpg" />
					</el-col>
					<el-col :span="21">
						<el-col :span="24">
							<el-col :span="19">
								<strong>昵称</strong>&emsp;<i>性别图标</i>&emsp;<i>等级</i>
							</el-col>
							<el-col :span="5">
								<i>回复图标</i>&emsp;<i class="el-icon-more"></i>
							</el-col>
						</el-col>
						<el-col :span="24">
							<span>2018-12-28&nbsp;12:12:12</span>
						</el-col>

						<br><br><br>
						<article :span="24" style="background:#ffffff; padding:10px 20px">
							<font color="#999999">@&nbsp;我:你可真是一个小机灵鬼！！！</font>
						</article>
						<br>
					</el-col>
					<p>&emsp;&emsp;哈哈,小机灵鬼可还行！！！</p>
					<article :span="24" style="background:#ffffff;padding:10px 20px;">
						<font color="#999999">@&nbsp;原帖:合适的粉红色的</font>
					</article>
					<br>
				</el-col>
				
				<h5>我的积分</h5>
				<hr>
				
				<h5>我的足迹<el-button type="text" style='float:right;' @click="open4">清空</el-button></h5>
				<hr>
				<el-row :span="24">
					222
				</el-row>
				
				
			</el-col>
		</el-row>
	</div>
</template>
<script>
	export default {
		name: 'Personal',
		data() {
			return {
				msg: '个人中心',
				//弹出的对话框
				dialogVisible: false,
				//对话框中的表单
				form: {
					kind: '',
					title: '',
					content: ''
				}
			}
		},
		methods: {
			//修改个人资料的
			handleClose(done) {
				this.$confirm('确认关闭？')
					.then(_ => {
						done();
					})
					.catch(_ => {});
			},
			//取消关注
			open2() {
				this.$confirm('您真的要取消关注吗?!', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$message({
						type: 'success',
						message: '取消关注成功!'
					});
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已终止取消关注'
					});
				});
			},
			//关注
			open3() {
				this.$confirm('您真的要关注她吗?!', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$message({
						type: 'success',
						message: '关注成功!'
					});
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已终止关注'
					});
				});
			},
			//清空浏览记录
			open4() {
				this.$confirm('您是否要清空浏览记录?!', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$message({
						type: 'success',
						message: '清空完成!'
					});
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已取消清空'
					});
				});
			}
		}
	}
</script>
<style scoped>
	.petsonal {
		width: 90%;
		margin: 0px auto;
		text-align: left;
	}
	
	img {
		width: 75px;
		height: 75px;
		border-radius: 50%;
	}
	
	span {
		font-size: 12px;
	}
	
	.ul-r {
		padding: 10px;
		overflow: hidden;
	}
	
	.ul-r li {
		width: 50%;
		float: left;
		line-height: 35px;
		height: auto;
	}
	
	.item {
		margin-bottom: 25px;
	}
</style>